<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>会员管理页面</title>
		<meta name="renderer" content="webkit">
		<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
		<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=0">
		<link rel="stylesheet" href="../../layuiadmin/layui/css/layui.css" media="all">
		<link rel="stylesheet" href="../../layuiadmin/style/admin.css" media="all">
		<link rel="stylesheet" href="../../layuiadmin/style/public.css" media="all">
	</head>
	<style>
		.layui-form-item{
			margin-bottom: 8px;
		}
		.flexB{
			display: flex;
		}
		.list_box_title {
			border: 1px solid #E5E5E5;
			border-bottom: none;
			color: #fff;
			background: #000;
			min-height: 20px;
			line-height: 20px;
			padding: 9px 0;
		}
		.list_box_title span,.list_box_detail li {
			flex: 1;
			text-align: left;
			padding: 0 5px;
		}
		.icons {
			background: url(http://img.ak1ak1.com:90/a/other/icons.png) no-repeat scroll 0 0 transparent;
			display: inline-block;
			height: 16px;
			line-height: 20px;
			vertical-align: middle;
			width: 16px;
		}
		.icon-uncheck {
			background-position: -64px -144px;
		}
		.icon-checked {
			background-position: -48px -144px;
		}
		
		.bodyBox div.light {
			/* background: url("../res/light_bg.png") repeat-x scroll left -8px transparent; */
			background-color:#fff;
			background:-webkit-linear-gradient(to bottom, #EDF5FB,#fff, #fff,#fff);
			background:-o-linear-gradient(to bottom, #EDF5FB,#fff, #fff,#fff);
			background:-moz-linear-gradient(to bottom, #EDF5FB,#fff, #fff,#fff);
			background:linear-gradient(to bottom, #EDF5FB,#fff, #fff,#fff);
		}
		.bodyBox div.on {
			background: none repeat scroll 0 0 #FCFCDC;
			height: auto;
		}
		.contBox{
			/* padding:0 10px; */
		}
		.bodyHead{
			background: rgba(215, 215, 215, 1);
			padding: 6px;
		}
		.bodyHead span:first-of-type{
			padding: 0 5px 0 0;
		}
		.bodyBox{
			border: 1px solid #ccc;
		}
		.list_box_detail {
			border-bottom: 1px solid #DDDDDD;
			clear: both;
			position: relative;
			padding: 5px 15px;
		}
		.list_box_detail:last-of-type{
			border-bottom: none;
		}
		.list_box_detail li {

		}
		.optBtn button{
			margin-bottom: 8px;
			width: 80%;
		}
		.optBtn button:first-of-type{
			margin-left: 10px;
		}
		.orderHead,.orderFoot{
			justify-content: space-between;
		}
		.orderHead span{
			margin-right: 15px;
		}
		.orderConts{
			background: #eee;
			padding: 10px;
		}
		.orderConts li{
			border-bottom: 1px solid #ccc;
    		padding: 15px;
		}
		/* .orderConts li:last-of-type{
			border-bottom: none;
		} */
		.orderBody div{
			flex: 1;
		}
		.orderFoot{
			padding: 10px 5px;
		}
		.orderFoot p{
			height: 18px;
			line-height: 18px;
		}
		body input{
			border: 1px solid #e6e6e6;
			padding: 5px;
		}
		.contInfos p{
			margin: 8px 0;
		}
	</style>
	<body>
		<div class="layui-fluid" id="LAY-component-grid-list">
			<div class="layui-card">
				<div class="layui-card-body">
					<!-- 搜索条件start -->
					<form class="layui-form meberMangement" action="">
						<div class="layui-row demo-list">
							<div class="layui-col-sm3 layui-col-md3 layui-col-lg2dot4">
								<div class="layui-form-item">
									<label class="layui-form-label">总订单ID</label>
									<div class="layui-input-block">
										<input type="text" autocomplete="off" placeholder="精确搜索" class="layui-input">
									</div>
								</div>
							</div>
							<div class="layui-col-sm3 layui-col-md3 layui-col-lg2dot4">
								<div class="layui-form-item">
									<label class="layui-form-label">货品ID</label>
									<div class="layui-input-block">
										<input type="text" autocomplete="off" placeholder="精确搜索" class="layui-input">
									</div>
								</div>
							</div>
							<div class="layui-col-sm3 layui-col-md3 layui-col-lg2dot4">
								<div class="layui-form-item">
									<label class="layui-form-label">商品名称</label>
									<div class="layui-input-block">
										<input type="text" autocomplete="off" placeholder="精确搜索" class="layui-input">
									</div>
								</div>
							</div>
							<div class="layui-col-sm3 layui-col-md3 layui-col-lg2dot4">
								<div class="layui-form-item">
									<label class="layui-form-label">商品名</label>
									<div class="layui-input-block">
										<input type="text" autocomplete="off" placeholder="精确搜索" class="layui-input">
									</div>
								</div>
							</div>
							<div class="layui-col-sm3 layui-col-md3 layui-col-lg2dot4">
								<div class="layui-form-item">
									<label class="layui-form-label">通用名</label>
									<div class="layui-input-block">
										<input type="text" autocomplete="off" placeholder="精确搜索" class="layui-input">
									</div>
								</div>
							</div>
							<div class="layui-col-sm3 layui-col-md3 layui-col-lg2dot4">
								<div class="layui-form-item">
									<label class="layui-form-label">子订单ID</label>
									<div class="layui-input-block">
										<input type="text" autocomplete="off" placeholder="模糊搜索" class="layui-input">
									</div>
								</div>
							</div>
							<div class="layui-col-sm3 layui-col-md3 layui-col-lg2dot4">
								<div class="layui-form-item">
									<label class="layui-form-label">买家会员ID</label>
									<div class="layui-input-block">
										<input type="text" autocomplete="off" placeholder="模糊搜索" class="layui-input">
									</div>
								</div>
							</div>
							<div class="layui-col-sm3 layui-col-md3 layui-col-lg2dot4">
								<div class="layui-form-item">
									<label class="layui-form-label">收货人姓名</label>
									<div class="layui-input-block">
										<input type="text" autocomplete="off" placeholder="模糊搜索" class="layui-input">
									</div>
								</div>
							</div>
							<div class="layui-col-sm3 layui-col-md3 layui-col-lg2dot4">
								<div class="layui-form-item">
									<label class="layui-form-label">收货人联系方式</label>
									<div class="layui-input-block">
										<input type="text" autocomplete="off" placeholder="模糊搜索" class="layui-input">
									</div>
								</div>
							</div>
							<div class="layui-col-sm3 layui-col-md3 layui-col-lg2dot4">
								<div class="layui-form-item">
									<label class="layui-form-label">买家备注</label>
									<div class="layui-input-block">
										<input type="text" autocomplete="off" placeholder="模糊搜索" class="layui-input">
									</div>
								</div>
							</div>
							<div class="layui-col-sm3 layui-col-md3 layui-col-lg2dot4">
								<div class="layui-form-item">
									<label class="layui-form-label">最后推广人</label>
									<div class="layui-input-block">
										<input type="text" autocomplete="off" placeholder="模糊搜索" class="layui-input">
									</div>
								</div>
							</div>
							<div class="layui-col-sm3 layui-col-md3 layui-col-lg2dot4">
								<div class="layui-form-item">
									<label class="layui-form-label">最后推广店铺</label>
									<div class="layui-input-block">
										<input type="text" autocomplete="off" placeholder="模糊搜索" class="layui-input">
									</div>
								</div>
							</div>
							<div class="layui-col-sm3 layui-col-md3 layui-col-lg2dot4">
								<div class="layui-form-item">
									<label class="layui-form-label">最后推广机构名</label>
									<div class="layui-input-block">
										<input type="text" autocomplete="off" placeholder="模糊搜索" class="layui-input">
									</div>
								</div>
							</div>
							<div class="layui-col-sm3 layui-col-md3 layui-col-lg2dot4">
								<div class="layui-form-item">
									<label class="layui-form-label">支付方式</label>
									<div class="layui-input-block">
										<input type="text" autocomplete="off" placeholder="模糊搜索" class="layui-input">
									</div>
								</div>
							</div>

							<div class="layui-col-sm3 layui-col-md3 layui-col-lg2dot4">
								<div class="layui-form-item">
									<label class="layui-form-label">CPS审核状态</label>
									<div class="layui-input-block">
										<select>
											<option value=""></option>
											<option value="">全部</option>
											<option value="0">1</option>
											<option value="1">2</option>
										</select>
									</div>
								</div>
							</div>

							<div class="layui-col-sm3 layui-col-md3 layui-col-lg2dot4">
								<div class="layui-form-item">
									<label class="layui-form-label">批量订单总ID</label>
									<div class="layui-input-block">
										<textarea name="" placeholder="模糊搜索" class="layui-textarea" style="min-height: 30px;"></textarea>
									</div>
								</div>
							</div>
							<div class="layui-col-sm3 layui-col-md3 layui-col-lg2dot4">
								<div class="layui-form-item">
									<label class="layui-form-label">批量货品ID</label>
									<div class="layui-input-block">
										<textarea name="" placeholder="模糊搜索" class="layui-textarea" style="min-height: 30px;"></textarea>
									</div>
								</div>
							</div>

							<div class="layui-col-sm6 layui-col-md6">
								<div class="layui-form-item" style="display:inline-block;">
									<label class="layui-form-label">付款时间区间</label>
									<div class="layui-input-block" style="display: flex;align-items:center;">
										<input type="text" class="layui-input" id="test1" placeholder="精确到秒" style="flex: 1;">
										<span style="padding: 0 10px;">-</span>
										<input type="text" class="layui-input" id="test2" placeholder="精确到秒" style="flex: 1;">
									</div>
								</div>
								
								<!-- <div class="layui-form-item" style="display:inline-block;">
									
								</div> -->
							</div>
							<div class="layui-col-sm12 layui-col-md12 layui-col-lg12" style="justify-content: flex-end;display: flex;">
								<div class="layui-btn-container">
									<button type="button" class="layui-btn">清空搜索</button>
									<button type="button" class="layui-btn">导出</button>
									<button type="button" class="layui-btn" style="margin-right: 0;">搜索</button>
								</div>
							</div>
						</div>
					</form>
					<!-- 搜索条件end -->
					<!-- tab标签start -->
					<div class="layui-tab layConts" lay-filter="custom-tab">
						<ul class="layui-tab-title" style="border-bottom: none;">
							<li class="layui-this">
								全部
							</li>
							<li>
								待审核
							</li>
							<li>
								售后待处理
							</li>
						</ul>

						<div class="layui-tab-content" style="padding: 0;">
							<div class="layui-tab-item layui-show">
								<!-- 全部start -->
								<div class="layui-table-meber">
									<table id="allOrder" lay-filter="allOrder" class="layui-table" lay-skin="nob" style="margin: 0;"></table>
								</div>

								<!-- 商品信息start -->
								<script type="text/html" id="goodsMsg">
									<div>
										<div class="meberId">总订单ID：YYF100000000000000</div>
										<div class="list-data">
											<p>子订单ID</p>
											<p>
												<img src="http://img.ak1ak1.com:90/a/2019/9/24/1569323102197.png?240*240" style="height: 75px;width:75px;float:left;margin-right: 10px;" />
												<span style="display: block;">价格：15</span>
												<span style="display: block;">佣金：5</span>
											</p>
											<p style="clear: both;">货品ID：144</p>
											<p><a href="#" style="color: #3A6EA5;">白云山小柴胡颗粒</a></p>
											<p>商品名：白云山</p>
											<p>通用名：白云山小柴胡颗粒</p>
											<p>商品规格：10g*10袋/盒</p>
											<p>是否是OAS商品：否</p>
										</div>
									  </div>
								</script>
								<!-- 商品信息end -->

								<!-- 买家信息start -->
								<script type="text/html" id="buyerMsg">
									<div class="meberId"></div>
									<p>买家会员ID：M100000000SSSS <span style="color: #3A6EA5;">王菲</span></p>
									<p>取药人姓名：张丽</p>
									<p>取药人电话：1566530266456</p>
									<p>收货人姓名：张丽</p>
									<p>收货人联系方式：1623046757</p>
									<p>详细地址:广东省广州市白云区菜市场路110号</p>
								</script>
								<!-- 买家信息end -->

								<!-- 推广归属和状态start -->
								<script type="text/html" id="statesMsg">
									<div class="meberId"></div>
									<p>最后推广店铺：阿康大药房啊啊</p>
									<p>最后推广店铺：阿康大药房啊啊</p>
									<p>最后推广人：张飞</p>
									<p>创建时间：2019.3.01 12.30.50</p>
									<p>创建时间：2019.3.01 12.30.50</p>
									<p>付款方式：看着办</p>
									<p>付款状态：待支付</p>
									<p>发票：增值税</p>
									<p>买家备注：免单</p>
									<p>卖家备注：中通</p>
									<p>wms备注：ssss</p>
									<p>发货快递：中通</p>
								</script>
								<!-- 推广归属和状态end -->

								<!-- 实收款start -->
								<script type="text/html" id="receipts">
									<div class="meberId" style="text-align: right;"></div>
									<p><span style="color: red;">￥220元</span> </p>
									<p>(包运费 10元)</p>
									<p>总订单优惠：￥30</p>
									<p>门店优惠：￥10</p>
									<p>代金券：￥10</p>
									<p>红包：￥10</p>
									<p><span style="color: red;">佣金：￥5元</span> </p>
								</script>
								<!-- 实收款end -->

								<!-- 操作start -->
								<script type="text/html" id="memberMsgOperate">
									<div class="table-barDemo">
										<div class="meberId" style="color: #bd403c;"> 订单状态：待付款</div>
										 <a class="layui-btn layui-btn-sm" lay-event="log">日志</a>
										 <a class="layui-btn layui-btn-sm" lay-event="edit">收货信息修改</a>
										 <a class="layui-btn layui-btn-sm" lay-event="express">修改快递</a>
										 <a class="layui-btn layui-btn-sm" lay-event="expenses">修改运费</a>
										 <a class="layui-btn layui-btn-sm" lay-event="audit" style="background: #bd403c;">审核</a>
										 <a class="layui-btn layui-btn-sm" lay-event="cancel">取消</a>
									     <a class="layui-btn layui-btn-sm" lay-event="remarks">卖家备注</a>
										 <a class="layui-btn layui-btn-sm" lay-event="details">订单详情</a>
										 <a class="layui-btn layui-btn-sm" lay-event="refund" style="background: #bd403c;">同意退款</a>
										 <a class="layui-btn layui-btn-sm" lay-event="returnGoods" style="background: #bd403c;">同意退货</a>
										 <a class="layui-btn layui-btn-sm" lay-event="exchangeGoods" style="background: #bd403c;">同意换货</a>
									</div>
								</script>
								<!-- 操作end -->
								<!-- 全部end -->
							</div>

							<div class="layui-tab-item">
								<!-- 待审核start -->
								<div class="layui-table-meber">
									<table id="auditOrder" lay-filter="auditOrder" class="layui-table" lay-skin="nob" style="margin: 0;"></table>
								</div>
								
								<!-- 商品信息start -->
								<script type="text/html" id="goodsMsg2">
									<div>
										<div class="meberId">总订单ID：YYF100000000000000</div>
										<div class="list-data">
											<p>子订单ID</p>
											<p>
												<img src="http://img.ak1ak1.com:90/a/2019/9/24/1569323102197.png?240*240" style="height: 75px;width:75px;float:left;margin-right: 10px;" />
												<span style="display: block;">价格：15</span>
												<span style="display: block;">佣金：5</span>
											</p>
											<p style="clear: both;">货品ID：144</p>
											<p><a href="#" style="color: #3A6EA5;">白云山小柴胡颗粒</a></p>
											<p>商品名：白云山</p>
											<p>通用名：白云山小柴胡颗粒</p>
											<p>商品规格：10g*10袋/盒</p>
											<p>是否是OAS商品：否</p>
										</div>
									  </div>
								</script>
								<!-- 商品信息end -->
								
								<!-- 买家信息start -->
								<script type="text/html" id="buyerMsg2">
									<div class="meberId"></div>
									<p>买家会员ID：M100000000SSSS <span style="color: #3A6EA5;">王菲</span></p>
									<p>取药人姓名：张丽</p>
									<p>取药人电话：1566530266456</p>
									<p>收货人姓名：张丽</p>
									<p>收货人联系方式：1623046757</p>
									<p>详细地址:广东省广州市白云区菜市场路110号</p>
								</script>
								<!-- 买家信息end -->
								
								<!-- 推广归属和状态start -->
								<script type="text/html" id="statesMsg2">
									<div class="meberId"></div>
									<p>最后推广店铺：阿康大药房啊啊</p>
									<p>最后推广店铺：阿康大药房啊啊</p>
									<p>最后推广人：张飞</p>
									<p>创建时间：2019.3.01 12.30.50</p>
									<p>创建时间：2019.3.01 12.30.50</p>
									<p>付款方式：看着办</p>
									<p>付款状态：待支付</p>
									<p>发票：增值税</p>
									<p>买家备注：免单</p>
									<p>卖家备注：中通</p>
									<p>wms备注：ssss</p>
									<p>发货快递：中通</p>
								</script>
								<!-- 推广归属和状态end -->
								
								<!-- 实收款start -->
								<script type="text/html" id="receipts2">
									<div class="meberId" style="text-align: right;"><span>订单状态：待发货</span></div>
									<p><span style="color: red;">￥220元</span> </p>
									<p>(包运费 10元)</p>
									<p>总订单优惠：￥30</p>
									<p>门店优惠：￥10</p>
									<p>代金券：￥10</p>
									<p>红包：￥10</p>
									<p><span style="color: red;">佣金：￥5元</span> </p>
								</script>
								<!-- 实收款end -->
								
								<!-- 操作start -->
								<script type="text/html" id="memberMsgOperate2">
									<div class="table-barDemo">
										<div class="meberId" style="color: #bd403c;">店铺待审核</div>
										 <a class="layui-btn layui-btn-sm" lay-event="log">日志</a>
										 <a class="layui-btn layui-btn-sm" lay-event="edit">收货信息修改</a>
										 <a class="layui-btn layui-btn-sm" lay-event="express">修改快递</a>
										 <a class="layui-btn layui-btn-sm" lay-event="expenses">修改运费</a>
										 <a class="layui-btn layui-btn-sm" lay-event="audit" style="background: #bd403c;">审核</a>
										 <a class="layui-btn layui-btn-sm" lay-event="cancel">取消</a>
									     <a class="layui-btn layui-btn-sm" lay-event="remarks">卖家备注</a>
										 <a class="layui-btn layui-btn-sm" lay-event="details">订单详情</a>
										 <a class="layui-btn layui-btn-sm" lay-event="refund" style="background: #bd403c;">同意退款</a>
										 <a class="layui-btn layui-btn-sm" lay-event="returnGoods" style="background: #bd403c;">同意退货</a>
										 <a class="layui-btn layui-btn-sm" lay-event="exchangeGoods" style="background: #bd403c;">同意换货</a>
									</div>
								</script>
								<!-- 操作end -->
								<!-- 待审核end -->
							</div>
							<div class="layui-tab-item">
								<!-- 售后待处理start -->
								<div class="layui-table-meber">
									<table id="serviceOrder" lay-filter="serviceOrder" class="layui-table" lay-skin="nob" style="margin: 0;"></table>
								</div>
								<!-- 商品信息start -->
								<script type="text/html" id="goodsMsg3">
									<div>
										<div class="meberId">总订单ID：YYF100000000000000</div>
										<div class="list-data">
											<p>子订单ID</p>
											<p>
												<img src="http://img.ak1ak1.com:90/a/2019/9/24/1569323102197.png?240*240" style="height: 75px;width:75px;float:left;margin-right: 10px;" />
												<span style="display: block;">价格：15</span>
												<span style="display: block;">佣金：5</span>
											</p>
											<p style="clear: both;">货品ID：144</p>
											<p><a href="#" style="color: #3A6EA5;">白云山小柴胡颗粒</a></p>
											<p>商品名：白云山</p>
											<p>通用名：白云山小柴胡颗粒</p>
											<p>商品规格：10g*10袋/盒</p>
											<p>是否是OAS商品：否</p>
										</div>
									  </div>
								</script>
								<!-- 商品信息end -->
								
								<!-- 买家信息start -->
								<script type="text/html" id="buyerMsg3">
									<div class="meberId"></div>
									<p>买家会员ID：M100000000SSSS <span style="color: #3A6EA5;">王菲</span></p>
									<p>取药人姓名：张丽</p>
									<p>取药人电话：1566530266456</p>
									<p>收货人姓名：张丽</p>
									<p>收货人联系方式：1623046757</p>
									<p>详细地址:广东省广州市白云区菜市场路110号</p>
								</script>
								<!-- 买家信息end -->
								
								<!-- 推广归属和状态start -->
								<script type="text/html" id="statesMsg3">
									<div class="meberId"></div>
									<p>最后推广店铺：阿康大药房啊啊</p>
									<p>最后推广店铺：阿康大药房啊啊</p>
									<p>最后推广人：张飞</p>
									<p>创建时间：2019.3.01 12.30.50</p>
									<p>创建时间：2019.3.01 12.30.50</p>
									<p>付款方式：看着办</p>
									<p>付款状态：待支付</p>
									<p>发票：增值税</p>
									<p>买家备注：免单</p>
									<p>卖家备注：中通</p>
									<p>wms备注：ssss</p>
									<p>发货快递：中通</p>
								</script>
								<!-- 推广归属和状态end -->
								
								<!-- 实收款start -->
								<script type="text/html" id="receipts3">
									<div class="meberId" style="text-align: right;"><span style="padding-right: 20px;">售后状态：退款中</span><span>订单状态：待发货</span></div>
									<p><span style="color: red;">￥220元</span> </p>
									<p>(包运费 10元)</p>
									<p>总订单优惠：￥30</p>
									<p>门店优惠：￥10</p>
									<p>代金券：￥10</p>
									<p>红包：￥10</p>
									<p><span style="color: red;">佣金：￥5元</span> </p>
								</script>
								<!-- 实收款end -->
								
								<!-- 操作start -->
								<script type="text/html" id="memberMsgOperate3">
									<div class="table-barDemo">
										<div class="meberId" style="color: #bd403c;">店铺待审核</div>
										 <a class="layui-btn layui-btn-sm" lay-event="log">日志</a>
										 <a class="layui-btn layui-btn-sm" lay-event="edit">收货信息修改</a>
										 <a class="layui-btn layui-btn-sm" lay-event="express">修改快递</a>
										 <a class="layui-btn layui-btn-sm" lay-event="expenses">修改运费</a>
										 <a class="layui-btn layui-btn-sm" lay-event="audit" style="background: #bd403c;">审核</a>
										 <a class="layui-btn layui-btn-sm" lay-event="cancel">取消</a>
									     <a class="layui-btn layui-btn-sm" lay-event="remarks">卖家备注</a>
										 <a class="layui-btn layui-btn-sm" lay-event="details">订单详情</a>
										 <a class="layui-btn layui-btn-sm" lay-event="refund" style="background: #bd403c;">同意退款</a>
										 <a class="layui-btn layui-btn-sm" lay-event="returnGoods" style="background: #bd403c;">同意退货</a>
										 <a class="layui-btn layui-btn-sm" lay-event="exchangeGoods" style="background: #bd403c;">同意换货</a>
									</div>
								</script>
								<!-- 操作end -->
								<!-- 售后待处理end -->
							</div>
						</div>
					</div>
				</div>
				<!-- tab标签end -->
			</div>
		</div>

		<!-- 日志start -->
		<div class="log-box" id="log-box">
			<div class="layui-card">
				<div class="layui-card-body">
					<form class="layui-form" action="">
						<div class="layui-row demo-list">
							<div class="layui-col-sm10 layui-col-md10 layui-col-lg10">
								<div class="layui-form-item">
									<div class="layui-input-block" style="margin-left: 0;">
										<input type="text" class="layui-input" placeholder="关键字模糊搜索">
									</div>
								</div>
							</div>
							<div class="layui-col-sm2 layui-col-md2 layui-col-lg2" style="justify-content: flex-end;display: flex;">
								<div class="layui-btn-container">
									<button type="button" class="layui-btn" style="width:120px;">搜索</button>
								</div>
							</div>
						</div>
					</form>

					<table id="logTable" lay-filter="logTable" class="layui-table"></table>
				</div>
			</div>
		</div>
		<!-- 日志end -->

		<!-- 收货信息修改start -->
		<div class="edit-box" id="edit-box">
			<div class="layui-card">
				<div class="layui-card-body">
					<form class="layui-form" action="">
						<div class="layui-row demo-list">
							<div class="site-title">
								<fieldset>
									<legend><a name="blockquote">原收货信息</a></legend>
								</fieldset>
							</div>

							<div class="layui-col-sm12 layui-col-md12 layui-col-lg12">
								<div class="layui-form-item" style="font-weight:bold;">
									<label class="layui-form-label" style="font-weight:bold;">收货人联系方式</label>
									<div class="layui-input-block">
										<input type="text" class="layui-input" value="13011809920" readonly="true" style="border: none;">
									</div>
								</div>
							</div>
							<div class="layui-col-sm12 layui-col-md12 layui-col-lg12">
								<div class="layui-form-item" style="font-weight:bold;">
									<label class="layui-form-label" style="font-weight:bold;">收货地址</label>
									<div class="layui-input-block">
										<input type="text" class="layui-input" value="广东省广州市白云区" readonly="true" style="border: none;">
									</div>
								</div>
							</div>
							<div class="layui-col-sm12 layui-col-md12 layui-col-lg12">
								<div class="layui-form-item" style="font-weight:bold;">
									<label class="layui-form-label" style="font-weight:bold;">详细地址</label>
									<div class="layui-input-block">
										<input type="text" class="layui-input" value="同泰路116号，茶叶城4号楼2楼203室" readonly="true" style="border: none;">
									</div>
								</div>
							</div>
							<div class="layui-col-sm12 layui-col-md12 layui-col-lg12">
								<div class="layui-form-item" style="font-weight:bold;">
									<label class="layui-form-label" style="font-weight:bold;">收货邮政编码</label>
									<div class="layui-input-block">
										<input type="text" class="layui-input" value="510000" readonly="true" style="border: none;">
									</div>
								</div>
							</div>
							<div class="site-title">
								<fieldset>
									<legend><a name="blockquote">修改后</a></legend>
								</fieldset>
							</div>

							<div class="layui-col-sm12 layui-col-md12 layui-col-lg12">
								<div class="layui-form-item">
									<label class="layui-form-label">收货人联系方式</label>
									<div class="layui-input-block">
										<input type="text" class="layui-input" maxlength="11" placeholder="请输入收货人联系方式">
									</div>
								</div>
							</div>

							<div class="layui-col-sm12 layui-col-md12 layui-col-lg12">
								<div class="layui-form-item" id="area-picker">
									<div class="layui-form-label">收货地址</div>
									<div class="layui-input-block">
										<div style="justify-content: space-between;display: flex;margin-bottom: 15px;">
											<div class="layui-input-inline">
												<select name="province" class="province-selector" lay-filter="province-3">
													<option value="">请选择省</option>
												</select>
											</div>
											<div class="layui-input-inline">
												<select name="city" class="city-selector" lay-filter="city-3">
													<option value="">请选择市</option>
												</select>
											</div>
											<div class="layui-input-inline">
												<select name="county" class="county-selector" lay-filter="county-3">
													<option value="">请选择区</option>
												</select>
											</div>
										</div>
									</div>
								</div>
							</div>

							<div class="layui-col-sm12 layui-col-md12 layui-col-lg12">
								<div class="layui-form-item">
									<label class="layui-form-label">详细地址</label>
									<div class="layui-input-block">
										<textarea class="layui-textarea" placeholder="请输入详细地址"></textarea>
									</div>
								</div>
							</div>

							<div class="layui-col-sm12 layui-col-md12 layui-col-lg12">
								<div class="layui-form-item">
									<label class="layui-form-label">收货邮政编码</label>
									<div class="layui-input-block">
										<input type="text" class="layui-input" placeholder="请输入收货邮政编码">
									</div>
								</div>
							</div>

							<div class="layui-col-sm12 layui-col-md12 layui-col-lg12">
								<div class="layui-form-item">
									<div class="layui-btn-container" style="text-align: center;margin-top: 10px;">
										<button class="layui-btn">确认</button>
										<div class="layui-btn layui-btn-primary cancel-btn">取消</div>
									</div>
								</div>
							</div>
						</div>
					</form>
				</div>
			</div>
		</div>
		<!-- 收货信息修改end -->

		<!-- 修改快递start -->
		<div class="edit-express" id="edit-express" style="display: none;">
			<div class="layui-card">
				<div class="layui-card-body">
					<form class="layui-form" action="">
						<div class="layui-row demo-list">
							<div class="layui-col-sm12 layui-col-md12 layui-col-lg12">
								<div class="layui-form-item">
									<label class="layui-form-label">选择快递</label>
									<div class="layui-input-block">
										<select>
											<option value="">请选择</option>
											<option value="1">顺丰快递</option>
											<option value="1">中通快递</option>
											<option value="2">申通快递</option>
										</select>
									</div>
								</div>
							</div>

							<div class="layui-col-sm12 layui-col-md12 layui-col-lg12">
								<div class="layui-form-item">
									<label class="layui-form-label">输入单号</label>
									<div class="layui-input-block">
										<input type="text" class="layui-input" maxlength="11" placeholder="请输入输入单号">
									</div>
								</div>
							</div>

							<div class="layui-col-sm12 layui-col-md12 layui-col-lg12">
								<div class="layui-form-item">
									<div class="layui-btn-container" style="text-align: center;margin-top: 50px;">
										<button class="layui-btn">确认修改</button>
										<div class="layui-btn layui-btn-primary cancel-btn">取消</div>
									</div>
								</div>
							</div>
						</div>
					</form>
				</div>
			</div>
		</div>
		<!-- 修改快递end -->

		<!-- 修改运费start -->
		<div class="edit-expenses" id="edit-expenses" style="display: none;">
			<div class="layui-card">
				<div class="layui-card-body">
					<form class="layui-form" action="">
						<div class="layui-row demo-list">
							<div class="layui-col-sm12 layui-col-md12 layui-col-lg12">
								<div class="layui-form-item" style="font-weight:bold;">
									<label class="layui-form-label" style="font-weight:bold;">原来运费</label>
									<div class="layui-input-block">
										<input type="text" class="layui-input" value="8元" readonly="true" style="border: none;">
									</div>
								</div>
							</div>

							<div class="layui-col-sm12 layui-col-md12 layui-col-lg12">
								<div class="layui-form-item">
									<label class="layui-form-label">修改运费</label>
									<div class="layui-input-block">
										<input type="text" class="layui-input" maxlength="11" placeholder="请输入修改运费">
									</div>
								</div>
							</div>

							<div class="layui-col-sm12 layui-col-md12 layui-col-lg12">
								<div class="layui-form-item">
									<div class="layui-btn-container" style="text-align: center;margin-top: 50px;">
										<button class="layui-btn">确认修改</button>
										<div class="layui-btn layui-btn-primary cancel-btn">取消</div>
									</div>
								</div>
							</div>
						</div>
					</form>
				</div>
			</div>
		</div>
		<!-- 修改运费end -->

		<!-- 卖家备注start -->
		<div class="remarks-box" id="remarks-box" style="display: none;">
			<div class="layui-card">
				<div class="layui-card-body">
					<form class="layui-form" action="">
						<div class="layui-row demo-list">
							<div class="layui-col-sm12 layui-col-md12 layui-col-lg12">
								<div class="layui-form-item">
									<label class="layui-form-label">卖家备注</label>
									<div class="layui-input-block">
										<textarea class="layui-textarea" placeholder="请输入卖家备注"></textarea>
									</div>
								</div>
							</div>

							<div class="layui-col-sm12 layui-col-md12 layui-col-lg12">
								<div class="layui-form-item">
									<div class="layui-btn-container" style="text-align: center;margin-top: 50px;">
										<button class="layui-btn">确认</button>
										<div class="layui-btn layui-btn-primary cancel-btn">取消</div>
									</div>
								</div>
							</div>
						</div>
					</form>
				</div>
			</div>
		</div>
		<!-- 卖家备注end -->

		<!-- 订单详情start -->
		<div class="details-box" id="details-box" style="display: none;">
			<div class="layui-card">
				<div class="layui-card-body">
					<div class="contBox">
						<div class='flexB orderHead'>
							<p>总订单ID:YYF1021512544</p>
							<p>
								<span>售后状态：退款中</span>
								<span>订单状态：待发货</span>
								<span style="color:red;">店铺待审核</span>
							</p>
						</div>
						<div class="orderConts">
							<ul>
								<li>
									<p>子订单ID：MYYYC0021545852</p>
									<div class="orderBody flexB">
										<div>
											<img src="http://img.ak1ak1.com:90/a/2019/3/11/1552282770003.jpg?400*400" style="width:125px;height:125px;" />
										</div>
										<div style="flex:2;margin:0 8px;">
											<p>货品ID:144</p>
											<P><a href="#" style="color: #3A6EA5;">白云山小柴胡颗粒</a></P>
											<p>商品名：白云山</p>
											<p>通用名：白云山小柴胡颗粒</p>
											<p>商品规格：10g*10袋/盒</p>
											<p>是否是OAS商品：否</p>
										</div>
										<div style="flex:2;">
											<p><span style="color: red;">￥220元</span> </p>
											<p><span style="color: red;">佣金：￥5元</span> </p>
											<p><span style="color: red;">看着办</span> </p>
										</div>
									</div>
								</li>
								<li>
									<p>子订单ID：MYYYC0021545852</p>
									<div class="orderBody flexB">
										<div>
											<img src="http://img.ak1ak1.com:90/a/2019/3/11/1552282770003.jpg?400*400" style="width:125px;height:125px;" />
										</div>
										<div style="flex:2;margin:0 8px;">
											<p>货品ID:144</p>
											<P><a href="#" style="color: #3A6EA5;">白云山小柴胡颗粒</a></P>
											<p>商品名：白云山</p>
											<p>通用名：白云山小柴胡颗粒</p>
											<p>商品规格：10g*10袋/盒</p>
											<p>是否是OAS商品：否</p>
										</div>
										<div style="flex:2;">
											<p><span style="color: red;">￥220元</span> </p>
											<p><span style="color: red;">佣金：￥5元</span> </p>
											<p><span style="color: red;">看着办</span> </p>
											<p> <button class="layui-btn layui-btn-sm layui-btn-warm">同意换货 </button> </p>
										</div>
									</div>
								</li>
							</ul>
							<div class='flexB orderFoot'>
								<div>
									<p>总订单优惠：￥30</p>
									<p>门店优惠：￥10</p>
									<p>代金券：￥5</p>
									<p>红包：￥5</p>
								</div>
								<div>
									<p style="color:red;">实收款：￥220</p>
									<p>（包含运费：10元）</p>
									<p style="color:red;">佣金￥5</p>
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
		<!-- 订单详情end -->

		<script src="https://www.ak1ak1.com/plug/jquery-1.9.1.min.js"></script>
		<script src="../../layuiadmin/layui/layui.js"></script>
		<script>
			layui.config({
				base: '../../layuiadmin/' //静态资源所在路径
			}).extend({
				index: 'lib/index' //主入口模块
			}).use(['index', 'form', 'element', 'table', 'laydate', 'layarea'], function() {
				var $ = layui.$,
					admin = layui.admin,
					element = layui.element,
					form = layui.form,
					table = layui.table,
					laydate = layui.laydate,
					layarea = layui.layarea;

				//全部表格实例
				table.render({
					elem: '#allOrder',
					url: layui.setter.base + 'json/table/user.js' //数据接口
						,
					page: true //开启分页
						,
					limit: 5,
					cols: [
						[ //表头
							{
								type: 'checkbox',
							}, {
								field: 'username',
								title: '商品信息',
								templet: '#goodsMsg'
							}, {
								field: 'sex',
								title: '买家信息',
								templet: '#buyerMsg'
							}, {
								field: 'city',
								title: '推广归属和状态',
								templet: '#statesMsg'
							}, {
								field: 'sign',
								title: '实收款',
								templet: '#receipts'
							}, {
								title: '操作',
								width: 120,
								align: 'center',
								toolbar: '#memberMsgOperate'
							}
						]
					]
				});
				
				//待审核表格实例
				table.render({
					elem: '#auditOrder',
					url: layui.setter.base + 'json/table/user.js' //数据接口
						,
					page: true //开启分页
						,
					limit: 5,
					cols: [
						[ //表头
							{
								type: 'checkbox',
							}, {
								field: 'username',
								title: '商品信息',
								templet: '#goodsMsg2'
							}, {
								field: 'sex',
								title: '买家信息',
								templet: '#buyerMsg2'
							}, {
								field: 'city',
								title: '推广归属和状态',
								templet: '#statesMsg2'
							}, {
								field: 'sign',
								title: '实收款',
								templet: '#receipts2'
							}, {
								title: '操作',
								width: 120,
								align: 'center',
								toolbar: '#memberMsgOperate2'
							}
						]
					]
				});
				
				//售后待管理表格实例
				table.render({
					elem: '#serviceOrder',
					url: layui.setter.base + 'json/table/user.js' //数据接口
						,
					page: true //开启分页
						,
					limit: 5,
					cols: [
						[ //表头
							{
								type: 'checkbox',
							}, {
								field: 'username',
								title: '商品信息',
								templet: '#goodsMsg3'
							}, {
								field: 'sex',
								title: '买家信息',
								templet: '#buyerMsg3'
							}, {
								field: 'city',
								title: '推广归属和状态',
								templet: '#statesMsg3'
							}, {
								field: 'sign',
								title: '实收款',
								templet: '#receipts3'
							}, {
								title: '操作',
								width: 120,
								align: 'center',
								toolbar: '#memberMsgOperate3'
							}
						]
					]
				});
				
				//日志表格实例
				table.render({
					elem: '#logTable',
					url: layui.setter.base + 'json/table/user.js' //数据接口
						,
					page: true //开启分页
						,
					cols: [
						[ //表头
							{
								type: 'numbers',
								title: '序号',
								width: 100
							}, {
								field: 'sex',
								title: '日志时间',
								width: 120
							}, {
								field: 'city',
								title: '操作人',
								width: 120
							}, {
								field: 'sign',
								title: '操作行为',
							}
						]
					]
				});

				//全部监听工具条
				table.on('tool(allOrder)', function(obj) {
					var data = obj.data;
					console.log(data);
					switch (obj.event) {
						case 'log':
							// 日志
							layer.open({
								type: 1,
								title: '日志',
								area: '900px',
								shade: 0.8,
								id: 'LAY_log' //设定一个id，防止重复弹出
									,
								btnAlign: 'c',
								moveType: 1 //拖拽模式，0或者1
									,
								content: $("#log-box"),
								success: function(layero) {

								}
							});
							break;
						case 'edit':
							// 收货信息修改
							layer.open({
								type: 1,
								title: '收货信息修改',
								area: '800px',
								shade: 0.8,
								id: 'LAY_edit' //设定一个id，防止重复弹出
									,
								btnAlign: 'c',
								moveType: 1 //拖拽模式，0或者1
									,
								content: $("#edit-box"),
								success: function(layero) {

								}
							});
							break;
						case 'express':
							// 修改快递
							layer.open({
								type: 1,
								title: '修改快递',
								area: '600px',
								shade: 0.8,
								id: 'LAY_edit' //设定一个id，防止重复弹出
									,
								btnAlign: 'c',
								moveType: 1 //拖拽模式，0或者1
									,
								content: $("#edit-express"),
								success: function(layero) {

								}
							});
							break;
						case 'expenses':
							// 修改快递
							layer.open({
								type: 1,
								title: '修改运费',
								area: '600px',
								shade: 0.8,
								id: 'LAY_edit' //设定一个id，防止重复弹出
									,
								btnAlign: 'c',
								moveType: 1 //拖拽模式，0或者1
									,
								content: $("#edit-expenses"),
								success: function(layero) {

								}
							});
							break;
						case 'audit':
							// 审核
							layer.confirm('审核是否通过？', {
								title: '温馨提示',
								icon: 3,
								btn: ['确定', '取消'] //按钮
							}, function(index) {
								// 确定
								layer.close(index);
							}, function() {
								// 取消
							});
							break;
						case 'cancel':
							// 取消
							layer.confirm('是否取消订单？', {
								title: '温馨提示',
								icon: 3,
								btn: ['确定', '取消'] //按钮
							}, function(index) {
								// 确定
								layer.close(index);
							}, function() {
								// 取消
							});
							break;
						case 'remarks':
							// 卖家备注
							layer.open({
								type: 1,
								title: '卖家备注',
								area: '800px',
								shade: 0.8,
								id: 'LAY_remarks' //设定一个id，防止重复弹出
									,
								btnAlign: 'c',
								moveType: 1 //拖拽模式，0或者1
									,
								content: $("#remarks-box"),
								success: function(layero) {

								}
							});
							break;
						case 'details':
							// 订单详情
							layer.open({
								type: 1,
								title: '订单详情',
								area: '900px',
								shade: 0.8,
								id: 'LAY_details' //设定一个id，防止重复弹出
									,
								btnAlign: 'c',
								moveType: 1 //拖拽模式，0或者1
									,
								content: $("#details-box"),
								success: function(layero) {

								}
							});
							break;
						case 'refund':
							// 同意退款
							layer.msg('同意退款');
							break;
						case 'returnGoods':
							// 同意退货
							layer.msg('同意退货');
							break;
						case 'exchangeGoods':
							// 同意换货
							layer.msg('同意换货');
							break;
					}
				});
				
				//待审核监听工具条
				table.on('tool(auditOrder)', function(obj) {
					var data = obj.data;
					console.log(data);
					switch (obj.event) {
						case 'log':
							// 日志
							layer.open({
								type: 1,
								title: '日志',
								area: '900px',
								shade: 0.8,
								id: 'LAY_log' //设定一个id，防止重复弹出
									,
								btnAlign: 'c',
								moveType: 1 //拖拽模式，0或者1
									,
								content: $("#log-box"),
								success: function(layero) {
				
								}
							});
							break;
						case 'edit':
							// 收货信息修改
							layer.open({
								type: 1,
								title: '收货信息修改',
								area: '800px',
								shade: 0.8,
								id: 'LAY_edit' //设定一个id，防止重复弹出
									,
								btnAlign: 'c',
								moveType: 1 //拖拽模式，0或者1
									,
								content: $("#edit-box"),
								success: function(layero) {
				
								}
							});
							break;
						case 'express':
							// 修改快递
							layer.open({
								type: 1,
								title: '修改快递',
								area: '600px',
								shade: 0.8,
								id: 'LAY_edit' //设定一个id，防止重复弹出
									,
								btnAlign: 'c',
								moveType: 1 //拖拽模式，0或者1
									,
								content: $("#edit-express"),
								success: function(layero) {
				
								}
							});
							break;
						case 'expenses':
							// 修改快递
							layer.open({
								type: 1,
								title: '修改运费',
								area: '600px',
								shade: 0.8,
								id: 'LAY_edit' //设定一个id，防止重复弹出
									,
								btnAlign: 'c',
								moveType: 1 //拖拽模式，0或者1
									,
								content: $("#edit-expenses"),
								success: function(layero) {
				
								}
							});
							break;
						case 'audit':
							// 审核
							layer.confirm('审核是否通过？', {
								title: '温馨提示',
								icon: 3,
								btn: ['确定', '取消'] //按钮
							}, function(index) {
								// 确定
								layer.close(index);
							}, function() {
								// 取消
							});
							break;
						case 'cancel':
							// 取消
							layer.confirm('是否取消订单？', {
								title: '温馨提示',
								icon: 3,
								btn: ['确定', '取消'] //按钮
							}, function(index) {
								// 确定
								layer.close(index);
							}, function() {
								// 取消
							});
							break;
						case 'remarks':
							// 卖家备注
							layer.open({
								type: 1,
								title: '卖家备注',
								area: '800px',
								shade: 0.8,
								id: 'LAY_remarks' //设定一个id，防止重复弹出
									,
								btnAlign: 'c',
								moveType: 1 //拖拽模式，0或者1
									,
								content: $("#remarks-box"),
								success: function(layero) {
				
								}
							});
							break;
						case 'details':
							// 订单详情
							layer.open({
								type: 1,
								title: '订单详情',
								area: '900px',
								shade: 0.8,
								id: 'LAY_details' //设定一个id，防止重复弹出
									,
								btnAlign: 'c',
								moveType: 1 //拖拽模式，0或者1
									,
								content: $("#details-box"),
								success: function(layero) {
				
								}
							});
							break;
						case 'refund':
							// 同意退款
							layer.msg('同意退款');
							break;
						case 'returnGoods':
							// 同意退货
							layer.msg('同意退货');
							break;
						case 'exchangeGoods':
							// 同意换货
							layer.msg('同意换货');
							break;
					}
				});
				
				//售后待管理监听工具条
				table.on('tool(serviceOrder)', function(obj) {
					var data = obj.data;
					console.log(data);
					switch (obj.event) {
						case 'log':
							// 日志
							layer.open({
								type: 1,
								title: '日志',
								area: '900px',
								shade: 0.8,
								id: 'LAY_log' //设定一个id，防止重复弹出
									,
								btnAlign: 'c',
								moveType: 1 //拖拽模式，0或者1
									,
								content: $("#log-box"),
								success: function(layero) {
				
								}
							});
							break;
						case 'edit':
							// 收货信息修改
							layer.open({
								type: 1,
								title: '收货信息修改',
								area: '800px',
								shade: 0.8,
								id: 'LAY_edit' //设定一个id，防止重复弹出
									,
								btnAlign: 'c',
								moveType: 1 //拖拽模式，0或者1
									,
								content: $("#edit-box"),
								success: function(layero) {
				
								}
							});
							break;
						case 'express':
							// 修改快递
							layer.open({
								type: 1,
								title: '修改快递',
								area: '600px',
								shade: 0.8,
								id: 'LAY_edit' //设定一个id，防止重复弹出
									,
								btnAlign: 'c',
								moveType: 1 //拖拽模式，0或者1
									,
								content: $("#edit-express"),
								success: function(layero) {
				
								}
							});
							break;
						case 'expenses':
							// 修改快递
							layer.open({
								type: 1,
								title: '修改运费',
								area: '600px',
								shade: 0.8,
								id: 'LAY_edit' //设定一个id，防止重复弹出
									,
								btnAlign: 'c',
								moveType: 1 //拖拽模式，0或者1
									,
								content: $("#edit-expenses"),
								success: function(layero) {
				
								}
							});
							break;
						case 'audit':
							// 审核
							layer.confirm('审核是否通过？', {
								title: '温馨提示',
								icon: 3,
								btn: ['确定', '取消'] //按钮
							}, function(index) {
								// 确定
								layer.close(index);
							}, function() {
								// 取消
							});
							break;
						case 'cancel':
							// 取消
							layer.confirm('是否取消订单？', {
								title: '温馨提示',
								icon: 3,
								btn: ['确定', '取消'] //按钮
							}, function(index) {
								// 确定
								layer.close(index);
							}, function() {
								// 取消
							});
							break;
						case 'remarks':
							// 卖家备注
							layer.open({
								type: 1,
								title: '卖家备注',
								area: '800px',
								shade: 0.8,
								id: 'LAY_remarks' //设定一个id，防止重复弹出
									,
								btnAlign: 'c',
								moveType: 1 //拖拽模式，0或者1
									,
								content: $("#remarks-box"),
								success: function(layero) {
				
								}
							});
							break;
						case 'details':
							// 订单详情
							layer.open({
								type: 1,
								title: '订单详情',
								area: '900px',
								shade: 0.8,
								id: 'LAY_details' //设定一个id，防止重复弹出
									,
								btnAlign: 'c',
								moveType: 1 //拖拽模式，0或者1
									,
								content: $("#details-box"),
								success: function(layero) {
				
								}
							});
							break;
						case 'refund':
							// 同意退款
							layer.msg('同意退款');
							break;
						case 'returnGoods':
							// 同意退货
							layer.msg('同意退货');
							break;
						case 'exchangeGoods':
							// 同意换货
							layer.msg('同意换货');
							break;
					}
				});

				// 时间插件
				laydate.render({
					elem: '#test1'
				});

				layarea.render({
					elem: '#area-picker',
					change: function(res) {
						//选择结果
						console.log(res);
					}
				});

				// 取消按钮关闭弹窗
				$(".cancel-btn").on('click', function() {
					layer.close(layer.index)
				});

			});
		</script>
	</body>
</html>
